body {
  font: 14px arial,sans-serif;
  background-color: #ffffff;
  line-height: 125%;
  padding: 0;
  margin: 0;
  background-image:url('bg2.jpg');
  background-repeat:repeat;
  background-attachment:fixed;
  background-position:center; 
  color: #ffffff;
}

#header {
  background-color: #000000;
  display:table;
  color: #ffffff;
  width: 100%;
  background-image:url('banner.png');
  background-repeat:repeat-x;
  background-position:top;
  min-width:1299px;
  margin-left:auto;
  margin-right:auto;
}

#logo {
  display: table-cell;
  vertical-align:middle;
  width:15em;
  padding-right:1%;
}

#judul {
  display: table-cell;
  vertical-align:middle;
  width:25em;
}

#searchbox {
  display: table-cell;
  width: 300px;
  height: 50px;
  padding-top: 25px;
}

/* login */

#blanket {
	background-color:#111;
	opacity: 0.65;	
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}

#popUpDiv {
	position: absolute;
	top:50%;
	left:50%;
	background-color:#000000;
	width:300px;
	height:300px;
	z-index:9002;
	border-radius:10px;
	background-image:url('bg2.jpg');
	background-repeat:repeat;
	margin:-150px 0 0 -150px;
}

/* End of login */

#filtertext {
  float: left;
}

#filter {
  float: left;
}

#menu {
  display: table-cell;
  vertical-align:middle;
  text-align:center;
}

#menu ul li {
  display: table-cell;
  padding-right:10px;
  padding-left:10px;
  color: rgb(192,208,202);
}

/*Buat bagian linknya*/
#menu ul li a {
  text-decoration: none;
}

#menu ul li a:link {
  color: #ffffff;
}

#menu ul li a:visited {
  color: #ffffff;
}

#menu ul li a:hover {
  color: #444444;
}

#menu ul li a:active {
  color: #888888;
}

#bodycontent {
  top: 100px;
  padding: 10px;
  margin-left: 5%;
  margin-right: 5%;
}

.contentcontainer {
  padding: 1%;
}

.contentboxh {
  display:inline;  
  clear:right;  
}
.contentboxh .buttons a
{
	cursor:pointer;
}
.contentbox
{
	min-width:1119px;
}

.home-box {  
  margin: 5px;
  padding: 20 px;
  background-image:url('tile.png');
  background-repeat:repeat;
  text-align:center;  
  height:auto; 
}

.title-text {
  width: auto;
  color: #ffffff;
  background-color: #000000;
  background-image:url('tile2.png');
  background-repeat:repeat;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:center;
  min-width:1144px;
}

.thumbnailh {
  width:50%;
  height:50%;
}

.logoimage {
  width:200px;
  height:100px;
}

.fullimage {
  width:50%;
  height:50%;
}

.contentbox {
  margin: 5px;
  padding: 1%;
  width:auto;
  background-image:url('tile.png');
  background-repeat:repeat;
}

.center-align {
  text-align:center;
}

.left-align {
  text-align:left;
}

.right-align {
  text-align:right;
}
.right-align a
{
	cursor:pointer;
}
.list-image {
  text-align:left;
  display:table-cell;
  vertical-align:middle;
  margin:1%;
}

.list-description {
  width: 100%;
  display:table-cell;
  vertical-align:middle;
  padding-left:1%;
  padding-right:1%;
}
.list-description h3 a
{
	color: white;
	text-decoration:none;
}
.list-description h3 a:hover
{
	color:yellow;
	font-size:20px;
}
#content-image {
  text-align:center;
  vertical-align:middle;
  margin-left:10%;
  margin-right:10%;
}

#content-desc, #content-like, #content-inp-username, #content-inp-comment, #content-add-comment, #content-comments {
  padding:1%;
}

.content-comment {
  margin-top:1%;
  margin-bottom:1%;
  padding:1%;
  width:auto;
  background-color: #eeeeee;
  background-image:url('tile2.png');
  background-repeat:repeat;
}

.form-element1 {
  width:200px;
  display:table-cell;
}

.form-element2 {
  width:800px;
  display:table-cell;
}

.form-error {
  color:#FF0000;	
}
.error_message
{
	color: red;
	font-style: italic;
	font-size: 12px;
}
.nav-container
{
	display:table;
	margin: 0 auto 0 auto;
}

img.avatar
{
	height:60px;
	width:60px;
}

.nav-container > .navigation
{
	padding-left:5px;
	padding-right:5px;
}
#footer {
	text-align: center;
}
.tags
{
	padding-left: 10px;
}

#profile, #mycontent {
	background-color: #000000;
}

.achievement-achieved-check {
	color : orange;
}
}
#search
{
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#searchbox .button
{
	display: inline-block;
	padding: 5px 20px;
	background:#ECC87A;
	border: 1px solid #f3f3f3;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#content-like a
{cursor:pointer;}